<template>
	<view>
		<view @click="onClick">我是子组件{{imgSrc}}</view>
		<image :src="icon" mode="aspectFill" ref="imgRef" id="img"></image>
	</view>
</template>

<script>
	export default {
		name:"image",
		data() {
			return {
				imgSrc:'../../static/es6.png',
				icon:require("@/static/cvy.png")
			};
		},
			
		methods:{
			onClick(){
				this.icon = require('@/static/es6.png')
				console.log("子组件");
				const query = uni.createSelectorQuery().in(this);
				query.select('#img').boundingClientRect(data => {
				  console.log("得到布局位置信息" + JSON.stringify(data));
				  console.log("节点离页面顶部的距离为" + data.top);
				}).exec();
			}
		}
	}
</script>

<style>

</style>